<!DOCTYPE html>
<html>
<head>
<?php include 'comm/head.php';?>
<link href="<?php echo $this->config->item('static_url'); ?>css/list.css" rel="stylesheet" type="text/css" media="all" />
<style>
/* 纯CSS按钮 */
.button { width:100px; height:32px; float:left; display:block; background:url(<?php echo $this->config->item('static_url'); ?>images/bg1_button.gif) top no-repeat; text-indent:-9999px; }
.button:hover { background:url(<?php echo $this->config->item('static_url'); ?>images/bg1_button.gif) bottom no-repeat; }
.button_right { width:100px; height:32px; float:left; display:block; background:url(<?php echo $this->config->item('static_url'); ?>images/bg2_button.gif) top no-repeat; text-indent:-9999px; }
.button_right:hover { background:url(<?php echo $this->config->item('static_url'); ?>images/bg2_button.gif) bottom no-repeat; }
/* jQuery动态渐变按钮 */
.jsbutton { position:relative; display:block; width:110px; height:32px; background:url(<?php echo $this->config->item('static_url'); ?>images/bg_button.gif) top no-repeat; cursor: pointer; text-indent:-9999px; }
.jsbutton span.hover { position: absolute; display: block; width:110px; height:32px; background:url(<?php echo $this->config->item('static_url'); ?>images/bg_button.gif) bottom no-repeat; text-indent:-9999px; }
/* 扩展应用按钮样式 */
.viewbutton, .viewbutton span.hover, .downloadbutton, .downloadbutton span.hover { display: block; width:100px; height:42px; background-image:url(<?php echo $this->config->item('static_url'); ?>images/vd_bg_button.gif); text-indent:-9999px; }
.viewbutton { float: left; position:relative; background-position: top left; }
.viewbutton span.hover { position: absolute; background-position: bottom left; }
.downloadbutton { float: left; position:relative; background-position: top right; }
.downloadbutton span.hover { position: absolute; background-position: bottom right; }
</style>
</head>
<body class="alibaba">
<div id="autosize-wrap">
<?php include 'comm/header.php';?>
		<div id="content" class="clearfix">
		<div class="main-content-wrap">
			<div class="col-main-wrap product">
				<div class="col-main">
					<div class="crumb clearfix">
						<div id="aliGlobalCrumb">
							<a href="<?php echo $this->config->base_url();?>">首页</a> &raquo;
                            <?php if(!empty($channelnav)) {
								foreach($channelnav as $k => $v) {
									if(isset($channelnav[$k + 1]) && $v['cid'] == $channelnav[$k + 1]['parent']) {
										echo '<a href="'.$v['url'].'">'.$v['title'].'</a> &raquo;';
									}
								}
							}?>
                            <strong class="keywords"><?php echo $selfchannel['title']; ?></strong>
                            <span class="fBold"></span>
							<span class='TreFont f14 fBold'></span> 
                            <span class='crumb-gray TreFont'></span>
						</div>
					</div>
	<div id="filter-box" class="filter-box ui-tab-content">
    					 
    <!--<div id="filter-region-country-wrap" class="filter-location" >
            <div class="filter-item-wrap" >
                <div id="filter-region-box" class="filter-item-box">
                    <span class="filter-title">类别筛选: </span>
                    <span class="filter-switcher"></span>
                    <ul id="location-region-box" class="clearfix">
                            <li>doc</li><li>pdf</li>
                            <li>xls</li><li>ppt</li>
                    </ul>
                    <div class="location-country-wrap">
                        <span class="filter-title filter-country-title">Tag属性: </span>
                        <span class="filter-switcher"></span>
                        <ul id="location-country-box" class="location-country-box clearfix">
                            <?php if(!empty($property)) { foreach($property as $k => $v) {?>
                                <li><a href="" ><?php echo $v['title'];?></a></li>
                            <?php }}?>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
	-->
    <div class="filter-service-wrap">
		<div class="filter-service-box">
			<span class="filter-title">排序: </span>
			<div class="filter-checkbox J-filter-checkbox">	
	        	<div class="filter-service-item-box">
		        	<label for="GgsOnly" class="<?php if(empty($orderBy[0][0])) {echo 'for-cgs';} else {echo 'for-audit';} ?>">
		        		<a href="<?php echo $selfchannel['url'].'list-'.$pn.'-'.$guide.'-'.$arrParam['attr'].'-'.implode('_',$orderBy[0]).'.html';?>">时间</a>
		        	</label>
	        	</div>
		        
		        <div class="filter-service-item-box">	   	
                    <label for="GgsOnly" class="<?php if(empty($orderBy[1][1])) {echo 'for-cgs';} else {echo 'for-audit';} ?>">
                        <a href="<?php echo $selfchannel['url'].'list-'.$pn.'-'.$guide.'-'.$arrParam['attr'].'-'.implode('_',$orderBy[1]).'.html';?>">评论数</a>
                    </label>
		        </div>	
		        	
		        <div class="filter-service-item-box"> 	
		        	<label for="AuditedSupplierOnly" class="<?php if(empty($orderBy[2][2])) {echo 'for-cgs';} else {echo 'for-audit';} ?>">
		        		<a href="<?php echo $selfchannel['url'].'list-'.$pn.'-'.$guide.'-'.$arrParam['attr'].'-'.implode('_',$orderBy[2]).'.html';?>">阅读排行</a>
		        	</label>
		        </div>	
		        	
		        <div class="filter-service-item-box"></div>
			</div>
		</div>
	</div>
	<div id="view-panel" class="clearfix">
    <div class="view-as">
    	<span class="tool-name">浏览方式:</span>    	    
    	<a href="<?php echo $selfchannel['url'].'list-'.$pn;?>"><span class="view-tool icon-list-gray" title="List View">列表浏览</span> <span> 列表浏览</span></a>
    </div>
     <!--<div class="view-as">
    	<a href="<?php echo $selfchannel['url'].'list-'.$pn.'-guide/';?>"><span title="Gallery View" class="view-tool icon-img-gray">图片浏览</span> <span> 图片浏览</span></a>
    </div>-->
    <div class="view-panel-moq view-panel-moq-new">
        <div id="moq-form" class="filter-moq filter-moq-new">
        	<span class="filter-moq-title"></span>
            <div class="btns" id="moq-btns"></div>
        </div>
    </div>
    	<div class="filter-atm-box"><div class="filter-atm-split"></div></div>
        <div class="top-page-nav fr">
            <?php if($pn <= 1) {?>
            <span class="prev-page-gray page-btn">&nbsp;</span>
            <?php } else {?>
            <a class="prev-page page-btn qrPPn" href="<?php echo $selfchannel['url'].'list-'.($pn - 1).'-'.$guide.'-'.$arrParam['attr'].'-'.$arrParam['order'].'.html';?>">&nbsp;</a>
            <?php } 
            if($pn >= $allpages) {?>
            <span class="next-page-gray page-btn">&nbsp;</span>
            <?php } else {?>
            <a class="next-page page-btn" href="<?php echo $selfchannel['url'].'list-'.($pn + 1).'-'.$guide.'-'.$arrParam['attr'].'-'.$arrParam['order'].'.html';?>">&nbsp;</a>
            <?php }?>
            <span class="page-num"><?php echo $pn;?> of <?php echo $allpages;?> : Page</span>
        </div>
	</div>
						
  </div>
																	
<form id="list-form" name="form" method="post" action="" class="images-lazyload">
<?php if(empty($guide)) { ?>
<!-- 
<div class="list-items" >
    <div class="pic">
    	<a href="" class="qrPImg" target="_blank"><img src="http://i00.i.aliimg.com/photo/v0/823587382_1/MINI_DIRT_BIKE.jpg_140x140.jpg" class="hookImg" /></a>
        <div class="compare"></div>
    </div>
    <div class="percent-wrap">
        <div class="attr">
        <h2 class="new-title">
        	<a href="" class="qrPTitle" target="_blank">MINI DIRT BIKE</a>
        </h2>
        <div class="busi-attr">
        	<p><span class="attrName">Min. Order: </span><span class="attr-value">172 Pieces</span></p>
        	<p><span class="attrName">FOB Price: </span><span class="attr-value">US $76-80 / Piece</span></p>
        	<div class="my-attr">desc</div>
        </div>
        <span class="tmlogin clearfix">
        	<a class="qrPCn contactEach feedback" href="javascript:void(0);">Contact Supplier</a>
        	<a id="talkId1" href="javascript:void(0);" ></a>
        </span>
        </div>
    <div class="supplier">
    <span>
    	<a href="http://chinaxbg.en.alibaba.com/company_profile.html#top-nav-bar" target="_blank" class="qrPCm company sites">作者</a>
    	<a class="card" href="http://chinaxbg.en.alibaba.com/contactinfo.html" target="_blank">Contact Details</a>
    </span>
    <span class="location">
    	China (Mainland)
    </span>
    <span class="icons clearfix">
    	<a href="javascript:openGsIcon();" class="list-ico-a">
        	<span class="gold_8 gold_supplier_year_sprite"></span>
   	 		<img src="http://i00.i.aliimg.com/simg/single/icon/refine-icon-gold-suppliers.gif" align="absmiddle" border="0" style="margin-right:5px" width="18" height="18" />
    </a>
    <a class="onsitelogo icon-item" target="_blank" href="" ></a>
    <a class="escrowlogo icon-item" target="_blank" href="" ></a>
    <a class="video icon-item" target="_blank" href="">Video</a>
    </span>
    </div>
    </div> 
</div> -->
<?php 
	if(!empty($readingList)) {
		$num = count($readingList);
		for($i = 0; $i < $num; $i++) {
?>
<div class="list-items" >
    <div class="pic">
    	<a href="<?php echo $readingList[$i]['html5_url']?>" class="qrPImg" target="_blank"><img src="<?php if(!empty($readingList[$i]['pic'])) { echo $readingList[$i]['pic_host'].$readingList[$i]['pic'];} else {echo $this->config->item('static_url').'images/book.gif';}?>" class="hookImg" onerror="this.src='<?php echo $this->config->item('static_url'); ?>images/book.gif'" /></a>
        <div class="compare"></div>
    </div>
    <div class="percent-wrap">
        <div class="attr">
        <h2 class="new-title">
        	<a href="<?php echo $readingList[$i]['html5_url']?>" class="qrPTitle" target="_blank"><?php echo $readingList[$i]['title']?></a>
        </h2>
        <div class="busi-attr">
        	<p><span class="attrName"> </span><span class="attr-value"> </span></p>
        	<!--<p><span class="attrName">创建者: </span><span class="attr-value"><?php echo $readingList[$i]['price']?><?php echo $siteinfo['site_gold_name']?></span></p>-->
        	<div class="my-attr"><?php echo strip_tags(trim($readingList[$i]['synopsis']))?></div>
        </div>
        <span class="tmlogin clearfix">
        	<span class="qrPCn contactEach feedback">读者评论:</span>
        	<a id="talkId1">暂无评论</a>
        </span>
        </div>
    <div class="supplier">
    <span>
        <p class="fcenter">
        	<a href="<?php echo $readingList[$i]['url']?>" target="_blank" class="button">普通阅读</a><a href="<?php echo $readingList[$i]['html5_url']?>" target="_blank" class="button_right">Html5阅读</a>
        </p>
        <p class="vdbutton"><a href="<?php echo $this->config->base_url('addfaver/rid?rid=') . $readingList[$i]['rid'];?>" target="_blank" class="viewbutton">收藏</a><a href="<?php echo $this->config->base_url('get/rid?rid=') . $readingList[$i]['rid'];?>" target="_blank" class="downloadbutton">下载</a> </p>
        <p class="fcenter"><a href="<?php echo $this->config->base_url('pay/rid?rid=') . $readingList[$i]['rid'];?>" target="_blank" class="jsbutton">我要购买</a></p>
    </span>
    <span class="location"></span>
    <!--<span class="icons clearfix">
    	<a href="javascript:openGsIcon();" class="list-ico-a">
        	<span class="gold_8 gold_supplier_year_sprite"></span>
   	 		<img src="http://i00.i.aliimg.com/simg/single/icon/refine-icon-gold-suppliers.gif" align="absmiddle" border="0" style="margin-right:5px" width="18" height="18" />
    </a>
    <a class="onsitelogo icon-item" target="_blank" href="" ></a>
    <a class="escrowlogo icon-item" target="_blank" href="" ></a>
    <a class="video icon-item" target="_blank" href="">Video</a>
    </span>-->
    </div>
    </div> 
</div>
<?php } } } else {?>
 <!-- -->       
<div id="showCompare"></div>

<!---------------->
<br clear="all" />
<style type="text/css">
.itemBox.bigGallary3 .infoBox {
    list-style: none outside none;
    margin: 0 auto;
    padding: 10px 10px 0;
    text-align: left;
    width: 221px;
}
.itemBox.bigGallary3 {
    float: left;
    overflow: hidden;
    text-align: center;
    width: 33%;
}
.itemBox .infoBox .productImage {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 200px;
    overflow: hidden;
    text-align: center;
}

.itemBox .infoBox .productImage a {
    display: table-cell;
    height: 200px;
    vertical-align: middle;
    width: 221px;
}
.itemBox .infoBox .productImage img {
    vertical-align: middle;
}</style>
<?php 
	if(!empty($readingList)) {
		$num = count($readingList);
		for($i = 0; $i < $num; $i++) {
?>
<div class="itemBox bigGallary3">
    <ul class="infoBox">
		<li class="productImage">
			<a href="<?php echo $readingList[$i]['url']?>" class="qrPImgC" target="_blank"><img src="<?php if(!empty($readingList[$i]['pic'])) { echo $readingList[$i]['pic_host'].$readingList[$i]['pic'];} else {echo $this->config->item('static_url').'images/book.gif';}?>"  onerror="this.src='<?php echo $this->config->item('static_url'); ?>images/book.gif'" border="0"></a>
		</li>
		<li class="item productName">
			<a href="<?php echo $readingList[$i]['url']?>" class="qrPTitle" target="_blank"><?php echo $readingList[$i]['title']?></a>
		</li>
		<li class="item productPrice"></li>
		<li class="item productMinOrder"></li>
		<li class="item memberType"></li>
		<li class="supplier-type">
			<a class="onsitelogo" target="_blank" href=""></a>
    		<a class="escrowlogo" target="_blank" href=""></a>
    	</li>
		<li class="compare" id="compare"></li>
		<li class="item contactTool clearfix">
			<a class="qrPCn linkContactNow contactEach" href="<?php echo $readingList[$i]['url']?>" style="float:left;margin:2px 0px;" >阅读</a>
			<a id="talkId1" href="javascript:void(0);" class="qrPAtm" style="float:left;margin-left:3px;margin-top:0;" >HTML5阅读</a>
		</li>
	</ul>
</div> 	
<?php } } }?>
        <br clear="all" />
<div id="showCompare"></div>
</form>        

<div style="clear:both;"></div>
<div id="miniImgPosBox" class="quickMiniImgBox clearfix">
	<div id="miniImgMaskBox" class="maskBox"><div id="miniImgMask" class="iconLayer">&nbsp;</div></div>
	<div id="dartIconBox" class="dartBox">&nbsp;</div>
</div>
<div id="quickViewBox" class="quickInfoBox">&nbsp;</div>
	<div id="pagination-wrapper" class="pager-wrap util-clearfix">
        <div class="ui-pagination">
            <ul class="ui-pagination-nav util-left">
                <!--<li class="ui-pagination-disabled">
                    <a href="javascript:void(0);" class="ui-pagination-prev">prev</a>
                </li>
                <li class="ui-pagination-active">
                    <a href="javascript:void(0);" class="qrPPn" dot='area=pn&amp;type=0&amp;value=' rel="nofollow">1</a>
                </li>
                 <li>
                    <a href="catalogs/products/CID100006421------------------------------65-4710/2" class="qrPPn" dot='area=pn&amp;type=0&amp;value=' rel="nofollow">2</a>
                </li>
                <li>
                    <span>...</span>
                </li>
                <li>
                    <a href="catalogs/products/CID100006421------------------------------65-4710/23" class="qrPPn" dot='area=pn&amp;type=0&amp;value=' rel="nofollow">23</a>
                </li>
                <li>
                <a class="ui-pagination-next" href="catalogs/products/CID100006421------------------------------65-4710/2" rel="nofollow">Next</a>
            	</li>-->
                <?php 
				foreach($pages as $k => $v) {
					$css = $v['pn'] == $pn ? ' class="ui-pagination-active"' : NULL;
					echo '<li'.$css.'><a href="'.$selfchannel['url'].'list-'.$v['pn'].'-'.$guide.'-'.$arrParam['attr'].'-'.$arrParam['order'].'.html">'.$v['title'].'</a></li>';
				}
				?>
              </ul>
        </div>
        <!--<div class="ui-pager util-right">
            <label class="ui-pager-label">Go to Page</label>
            <input type="text" size="3" id="go-to-page" class="ui-textfield ui-textfield-normal">
            <button class="ui-button ui-button-normal-s">Go</button>
        </div>-->
		<span class="page-size-box"><span class="page-size-title">每页:</span><a href="" class="page current"><?php echo $numpage;?></a></span>
		    </div>
	<div id="p4pHotProducts"></div>
   <div id="poa-wrap-list"></div>
   <!--<div class="search-service clearfix">
	<ul>
		<li>
			<p class="ser-tips">Haven't found the right supplier yet ?</p>
			<h4>AliSourcePro</h4>
			<p>Tell us what you buy, Alibaba's Industry Sourcing Specialists will help you match the right suppliers.</p>
			<p class="link"><a rel="nofollow" href="http://us.my.alibaba.com/rfq/request/post_buy_request.htm?openrfq=true&tracelog=search_list_bottom_0809">Post Buying Request Now &gt;&gt;</a></p>
		</li>
		<li class="trade">
			<p class="ser-tips">Want product and industry knowledge for "50cc Dirt ..." ?</p>
			<h4>Trade Alert</h4>
			<p>Trade Alerts are FREE updates on topics such as trending hot products, buying requests and supplier information - sent directly to your email inbox!</p>
            <p class="link"><a rel="nofollow" href="http://us.my.alibaba.com/tradealert/myalibaba/sub_scription_trade_alert.htm?keyword=50cc Dirt Bikes&alertType=p&tracelog=62371_list_TA" target="_blank">Subscribe Now &gt;&gt;</a></p>
		</li>
	</ul>
	</div>-->
	<div id="post_seller" class="clearfix"></div>
	</div></div>
    <div class="col-extra product">
		<div id="refine-normal" class="refine-normal">
		<div class="refine-box refine-category">
		<div class="refine-title">类别</div>
			<ul class="refine-item-list-parent">
                <li class="refine-item refine-item-first">
                	<a class="qrPCateBack refine-item-back" href="<?php echo $selfchannel['url']; ?>" title="<?php echo $selfchannel['title']; ?>"><span class="list-style"></span><span class="category-name" style="font-size:14px;">&sect; <?php echo $selfchannel['title']; ?></span></a>
                    <ul class="refine-item-list refine-item-list-leaf">
                    <?php if(!empty($parallelChannel)) { foreach ($parallelChannel as $k => $v) { if($v['title'] != $selfchannel['title'] && $v['depth'] == $selfchannel['depth']) {?>
                        <li class="refine-item refine-item-selected">
                        <a href="<?php echo $v['url'];?>"><span ><?php echo $v['title'];?></span></a>
                        </li>
                    <?php }}}?>
                    </ul>
                </li>
			</ul>
			</div>
	<div class="line"></div>   
	<!--<div class="refine-box clear-all-refine clearfix">
		<a class="clear-all" href="" rel="nofollow">Clear</a> <div class="refine-title">汉语 </div>
	</div>
	<div class="refine-box refine-attr">
        <div class="refine-title">类型</div>
        <ul class="refine-item-list">
            <li class="refine-item-selected"><a href="" class="clear-each"></a> 2-个  </li>
        </ul>
    </div>
	<div class="dotted-line-dock"></div>-->
    <?php if(!empty($arrFilter)) {
			foreach($arrFilter as $k =>$v) {
				$arrParamFilter = NULL;
				$arrParamFilter = explode(',', $arrParam['attr']);
				$arrParamFilter[$k] = $v['values'];
				if($k == 0 || (isset($arrFilter[$k - 1]) && $arrFilter[$k - 1]['aid'] != $v['aid'])) {
	?>
	<div class="refine-box refine-attr">
    	<div class="refine-title"><?php echo $arrAttr[$v['aid']]['title']; ?></div>
        <ul class="refine-item-list">
    <?php       } ?>
    <?php if($v['attr_select'] == 1) {?>
            <li  class="refine-item-selected"  >
                <a href="<?php echo $this->arrData['selfchannel']['url'] . 'list-'.$pn.'-'.$guide.'-'.$v['attr'].'-'.$arrParam['order'].'.html'; ?>" class="clear-each"></a> <?php echo $v['values']; ?>
            </li> 
    <?php } else {?>
            <li  class="refine-item"  >
                <a href="<?php echo $this->arrData['selfchannel']['url'] . 'list-'.$pn.'-'.$guide.'-'.$v['attr'].'-'.$arrParam['order'].'.html'; ?>" class="qrPCatp"><?php echo $v['values']; ?></a>
                <span class="num"> </span>
            </li> 
    <?php }?>
    <?php if(!isset($arrFilter[$k + 1]) || (isset($arrFilter[$k + 1]) && $arrFilter[$k + 1]['aid'] != $v['aid'])) {?>             
         </ul>
    </div><div class="dotted-line-dock"></div>
    <?php }}} ?>
	
    </div>
        <!--<div class="search-help func-box clearfix"> 
            <a target="_blank" class="c" href="">Contact Us</a> 
            <a target="_blank" class="nh" href="">Need Help?</a> 
        </div>-->
        <!--<div class="search-fb func-box">
            <ul>
                <li>
                    <h4>Search Feedback</h4>
                    <p>Did you find what you were looking for?</p>
                    <p class="link">
                        <a id="panel-feedback-yes" href="javascript:void(0)">Yes</a> <span>|</span> 
                        <a id="panel-feedback-no" href="javascript:void(0)">NO</a>
                    </p>
                </li>
            </ul>
        </div>-->
	
        <div id="AD_BANNER_SUBCAT_600_BLOCK"> 
          <div id="ads">
            <h4> </h4>
          </div>
        </div>	
        <div id="AD_BANNER_SUBCAT_300_BLOCK"> 
          <div id="ads">
            <h4> </h4>
          </div>
        </div>	<div id="CATE_COMMEND">
          <div id="ads">
            <h4> </h4>
          </div>
        </div><div id="CATE_INNER_COMM">
          <div id="ads">
            <div class="inhouse"></div>
          </div>
        </div>
	</div>			
	<div class="col-p4p">
		<div id="p4p-right-side-wrap">
		<div class="autosize-list-p4p" id="p4pHotProductsSide"></div>
	</div>
	</div>
	</div><div style="clear:both"></div>
		
	</div></div>
<script type="text/javascript">
	$(document).ready(function() {
		$('.jsbutton,.viewbutton,.downloadbutton').wrapInner('<span class="hover"></span>').css('textIndent','0')
												.each(function () {
			$('span.hover').css('opacity', 0).hover(function () {
				$(this).stop().fadeTo(0, 1);
			}, function () {
				$(this).stop().fadeTo(650, 0);
			});
		});
	});
</script>
<?php include 'comm/footer.php';?>
</body>
</html>